@charset "utf-8";
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); font-size:14px!important;}
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.keTitle{ height: 60px; line-height: 60px; font-size: 28px; font-family: '微软雅黑'; color: #FFF; text-align: center; font-weight: normal; position: absolute; width: 100%; left: 0; top: 0; z-index: 999; padding: 0px 0px 8px; opacity:0.8; }
.keBottom{ color: #FFF; height: 60px; text-align: center; background: url(../images/bodyBg2.gif) repeat-x left top; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 999; font: 18px/60px "微软雅黑"; padding: 3px 0px 5px; opacity:0.8;}
.keBottom a,.keBottom a:hover{color:#fff;}
.keTitle1{
	width: 100%;
	z-index: 99;
	position: absolute;
	bottom: 15%;
	left: 0;
}
/*www.jq22.com CSS结束，应用特效时，以上样式可删除*/
/* 效果CSS开始 */
* { margin: 0; padding: 0; }
html{width: 100%; overflow: hidden;}
body { width: 100%; height: 100%; overflow: hidden;background: #04041c; }
.container { width: 100%; height: 100%; position: absolute; left: 0; top: 0%; }
.container .page { height: 100%; position: relative; color:#fff;text-align:center; }
.container .page1 img.no1 { position: absolute; left: 10px; top: 50px; -webkit-transition: all 1s ease 0s; }
.container .page1.cur img.no1 { -webkit-transform: rotate(720deg); }
.container .page1 img.no2 { position: absolute; left: 600px; top: 50px; -webkit-transition: all 1s ease 2s; }
.container .page1.cur img.no2 { left: 30px; top: 100px; -webkit-transform: rotate(720deg); }
.xiangxiatishi { position: fixed; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -webkit-animation: dong 1s linear 0s infinite alternate; }
@-webkit-keyframes dong {  from {
bottom:20px;
}
to { bottom: 60px; }
}
/* 效果CSS结束 */
.loading{ 
 background:#04041c; 
 height:100%;
 width: 100%; 
 position:fixed; 
 top:0;
 left: 0;  
 z-index:99999 ;
 text-align: center;
} 
#percent{
	border: none;
	background: none;
	color: #fff;	
	position: absolute;
	top: 32%;
	left: 47%;
}


/*流星*/
.rainbow{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.rainbow div{
	width:4px;
	height:4px;
	border-radius:4px;
	opacity:0;
}
.cur .red{ 
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
   	-khtml-opacity:0;              /* 老版Safari */

	animation:rainbows 1.15s infinite  linear;animation-delay:0.15s;animation-iteration-count:2;
	-webkit-animation:rainbows 1.15s infinite  linear;-webkit-animation-delay:0.15s;-webkit-animation-iteration-count:2;
	-moz-animation:rainbows 1.15s infinite  linear;-moz-animation-delay:0.15s;-moz-animation-iteration-count:2;
	-o-animation:rainbows 1.15s infinite  linear;-o-animation-delay:0.15s;-o-animation-iteration-count:2;
	position: absolute;
	top:0px;left:0px;
 }
 .cur .red:after{
 	width:200px;
 	height:200px;
 	content:"";
	border-left: 1px solid #fff; 
	display: block; 
	transform:rotate(-45deg); 
	position: absolute;
	top:-98px;left:42px;
	
} 
.cur .orange{
	position: absolute;top:230px;left:40px;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
   	-khtml-opacity:0;
	animation:rainbows 2s infinite linear;animation-delay:0.35s;animation-iteration-count:2;
	-webkit-animation:rainbows 2s infinite linear;-webkit-animation-delay:0.35s;-webkit-animation-iteration-count:2;
	}
.cur .orange:after{width:200px;height:200px; content:"";border-left: 1px solid #fff; display: block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position: relative; top:-98px;left:42px;}

.cur .yellow{
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
   	-khtml-opacity:0;
	position: absolute;top:30px;left:200px; 
animation: rainbows 1800ms infinite linear;animation-delay:0.55s;animation-iteration-count:2;
-webkit-animation: rainbows 1800ms infinite linear;-webkit-animation-delay:0.55s;-webkit-animation-iteration-count:2;
}
.cur .yellow:after{width:200px;height:200px; content:"";border-left: 1px solid #fff; display: block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position: relative; top:-98px;left:42px;}

.cur .green{opacity: 0;position: absolute;top:450px;left:80px; 
animation: rainbows 2.5s infinite linear;animation-delay:0.75s;animation-iteration-count:2;
-webkit-animation: rainbows 2.5s infinite linear;-webkit-animation-delay:0.75s;-webkit-animation-iteration-count:2;
}
.cur .green:after{width:200px;height:200px; content:"";border-left: 1px solid #fff; display: block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position: relative; top:-98px;left:42px;}

.cur .cyan{opacity: 0;position: absolute;top:-100px;left:150px; 
animation: rainbows 2.25s infinite linear;animation-delay:0.95s;animation-iteration-count:2;
-webkit-animation: rainbows 2.25s infinite linear;-webkit-animation-delay:0.95s;-webkit-animation-iteration-count:2;
}
.cur .cyan:after{width:200px;height:200px; content:"";border-left: 1px solid #fff; display: block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position: relative; top:-98px;left:42px;}
@keyframes rainbows{
0%{opacity: 0;transform:scale(0) translate(0,0);}
50%{opacity:1;transform:scale(1)  translate(300px,300px);}
100%{opacity:0;transform:scale(1) translate(600px,600px);}
}
@-webkit-keyframes rainbows{
0%{-webkit-opacity: 0;-webkit-transform:scale(0) translate(0,0);}
50%{-webkit-opacity:1;-webkit-transform:scale(1)  translate(300px,300px);}
100%{-webkit-opacity:0;-webkit-transform:scale(1) translate(600px,600px);}
}
@-moz-keyframes rainbows{
0%{-moz-opacity: 0;-moz-transform:scale(0) translate(0,0);}
50%{-moz-opacity:1;-moz-transform:scale(1)  translate(300px,300px);}
100%{-moz-opacity:0;-moz-transform:scale(1) translate(600px,600px);}
}
.accountant{
	width: 100%;
	position: absolute;
	top: 24%;
	left: 0;
}
.quan{
	position: absolute;
	top: 0;
	left: 50%;
}
.cur .quan{
	animation: quan 5s infinite linear;
	-webkit-animation: quan 5s infinite linear;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
}

.quan_b{
	position: absolute;
	top: 14%;
	left: 50%;
	width: 33%;
	background: #595a6c;
	overflow: hidden;
	border-radius: 50%;
}
.img2{
	position: absolute;
	left: 5%;
	top: 5%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 90%;
	height: 90%;
	background: #fff;
	overflow: hidden;
	z-index: 10;
}
.zhaop{
	/*position: absolute;
	top: -16px;
	left: 0;*/
	z-index: 1;
}
.name_li{
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: -28px;
	left: 0;
	font-size: 14px;
}
.name_li span{
	font-size: 20px;
	color: #fff;
	padding-left: 10px;
}
.star{
	position: absolute;
	top: 54.6%;
	left: 50%;
	width: 27.5%;
}
.star2{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.motto{
	position: absolute;
	top: 62%;
	left: 0;
	width: 100%;
	text-align: center;
}
.motto div{
	line-height: 20px;
	margin-bottom: 5px;
}
.motto_div1{
	font-size: 14px;
	color: #fff;
	opacity: 0.14;
}
/*.fku{
	position: absolute;
	top: 3%;
	left: 36%;
	width: 5px;
	height: 5px;
	background: #85868a;
}*/
.motto_div2{
	font-size: 16px;
	padding: 0 17%;
	text-align: left;
	color: #fe8902;
	text-align:center;
}
.cur .motto_div2{
	animation: fx 2s linear 2s both;
	-webkit-animation: fx 2s linear 2s both;
}
.cur .motto_div1{
	animation: fx1 1s linear 1s both;
	-webkit-animation: fx1 1s linear 1s both;
}
/*.cur .fku{
	animation: fx2 1s linear 1s both;
	-webkit--animation: fx2 1s linear 1s both;
}*/

.accountant_1{
	position: absolute;
	top: 22.6%;
	left: 0;
	width: 100%;	
}
.accountant_1_1{
	position: absolute;
	top: 0;
	left: 17%;
	width: 66%;
}
.accountant_1_1_L{
	border-radius: 50%;
	background: rgba(255,255,255,0.35);
}
.accountant_1_1_L_y{
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.accountant_1_1_R{
	width: 48%;
	padding-top: 5%;
}
.accountant_1_1_R_1{
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	margin-bottom: 1%;
}
.accountant_1_1_R_1 span{
	font-size: 14px;
	color: #fff;
	line-height: 16px;
}
.accountant_1_1_R_2{
	font-size: 12px;
	color: #fe8902;
	line-height: 16px;
	margin-bottom: 1%;
}
.star_1{
	position: relative;
	width: 100%;
}
.star_2_1{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mix{
	width: 100%;
	position: absolute;
	bottom: 5%;
	left: 0;
}
.cur .mix{
	animation: fx 2s linear 0.6s both;
	-webkit-animation: fx 2s linear 0.6s both;
}
.mix_xian0{
	position: absolute;
	top: 0;
	left: 0;
}
.mix_xian0_0{
	position: absolute;
	top: 18.7%;
	left: 27%;
	width: 44%;
	height: 36%;
	overflow: hidden;
}
.mix_xian1{
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
}
.mix_xian2{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.mix_xian3{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
.mix_xian4{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
}

.cur .mix_xian1{
	animation: xian_t1 0.8s linear 2s both;
	-webkit-animation: xian_t1 0.8s linear 2s both;	
}
.cur .mix_xian2{
	animation: xian_t2 0.8s linear 2.76s both;
	-webkit-animation: xian_t2 0.8s linear 2.76s both;		
}
.cur .mix_xian3{
	animation: xian_t3 0.8s linear 3.5s both;
	-webkit-animation: xian_t3 0.8s linear 3.5s both;	
}
.cur .mix_xian4{
	animation: xian_t4 0.8s linear 3.6s both;
	-webkit-animation: xian_t4 0.8s linear 3.6s both;	
}
.year{
	position: absolute;
	top: 36%;
	left: 0;	
}
.year1{
	position: absolute;
	top: 36%;
	left: 0;	
}
.number_quan{
	position: absolute;
	top:0;
	z-index: 10;
	right: 0;
	background: url(/Public/Bootstrap/img/invitezc/number_shu1.png) no-repeat;
	background-size: cover;
	background-position-x: 0;
}
.number_quan1{
	position: absolute;
	top:0;
	z-index: 10;
	right: 0;
	background: url(/Public/Bootstrap/img/invitezc/number_shu2.png) no-repeat;
	background-size: cover;
	background-position-x: 0;
}
.letters{
	position: absolute;
	top: 0%;
	left: 0;
}
.list_lh{height:24px; overflow:hidden;width: 100%;}
.list_lh li{height:32px; color: #ffa61d;font-size: 16px;}

.official{
	position: absolute;
	top: 0%;
	left: 0;
	text-align: center;
	font-size: 14px;
	color: #ffa61d;
	width: 100%;	
}
/*.cur .official{
	animation: fx 2s linear 1s both;
	-webkit--animation: fx 2s linear 1s both;
}*/
.official span{
	color: #fff;
	font-size: 16px;
}
.mix_x{
	width: 100%;
	position: absolute;
	bottom: 5%;
	left: 0;
}
.minx_L{
	position: absolute;
	top: 0;
	left: 0;
}
.minx_R{
	position: absolute;
	top: 0;
	right: 0;
}
.cur .minx_09_1{
	animation: left1 2.5s ease 0s both;
	-webkit-animation: left1 2.5s ease 0s both;
}
.cur .minx_09_2{
	animation: right1 2.5s ease 0s both;
	-webkit-animation: right1 2.5s ease 0s both;
}
.cur .minx_09_3{
	animation: left1 2.5s ease 0s both;
	-webkit-animation: left1 2.5s ease 0s both;
}
.cur .minx_09_4{
	animation: right1 2.5s ease 0s both;
	-webkit-animation: right1 2.5s ease 0s both;
}
.cur .minx_09_5{
	animation: left1 2.5s ease 0s both;
	-webkit-animation: left1 2.5s ease 0s both;
}
.cur .minx_09_6{
	animation: right1 2.5s ease 0.2s both;
	-webkit-animation: right1 2.5s ease 0.2s both;
}
.cur .minx_09_7{
	animation: left1 2.5s ease 0.4s both;
	-webkit-animation: left1 2.5s ease 0.4s both;
}
.cur .minx_09_8{
	animation: right1 2.5s ease 0.6s both;
	-webkit-animation: right1 2.5s ease 0.6s both;
}
.cur .minx_09_9{
	animation: left1 2.5s ease 0.8s both;
	-webkit-animation: left1 2.5s ease 0.8s both;
}
.cur .minx_09_10{
	animation: right1 2.5s ease 1s both;
	-webkit-animation: right1 2.5s ease 1s both;
}
.app_xz{
	position: absolute;	
	bottom: 22%;
	left: 0;
}
/*new 注册页*/
.logo{
	position: absolute;
	top: 0;
	left: 0;
}
.form{
	position: absolute;
	top: 35%;
	left: 0;
	width: 100%;
	height: auto;	
}
.form>div{
	width: 100%;
	position: relative;
}
.form>div>input{
	position: absolute;
	bottom: 1px;
	right: 9.7%;
	width: 70%;
	border: none;
	background: none;
	height: 53%;
	font-size: 16px;
	color: #fff;
}
.input_yzm{
	position: absolute;
	top: 25%;
	right: 8%;
	height: 66%;
}
.input_yzm>input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	color: #b1b2b1;
	font-size: 16px;
}
.form>div>input.input_che{
	width: 16px;
	height: 16px;
	right: initial;
	left: 20%;
	top: 25%;
	bottom: initial;
}
.input_che1{
	position: absolute;
	left: 25%;
	top: 34%;
	color: #707070;
	font-size: 14px;
}
.input_che1 a{
	color: #e45c46;
	font-size: 14px;
}
.input_tj{
	width: 100%;
	background: url(/Public/Bootstrap/img/invitezc/zc/06.png) center no-repeat;
	background-size: contain;
	border: none;
}
.div_tk{
	width: 79%;
	height: 29%;
	position: absolute;
	top: 24%;
	left: 10.5%;
	background: rgba(255,255,255,0.2);
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.btn_xz{
	position: absolute;
	top: 62%;
	left: 0;
}
.tuank_1{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
}
.tuank1_1{
	margin: 0 12%;
	background: #f8f8f8;
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 16px;
	width: 76%;
}
.tuank1_1 p{
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 24px;
	padding:20px 40px;
	/*padding-bottom: 5px;*/
	text-align: center;
}
.tuank1_1 p span{
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 24px;
	text-align: center;
}
.gb1{
	text-align: center;
	padding: 10px 0;
	font-family: "微软雅黑";
	font-size: 16px;
	border-top: 1px solid #d6d6da;
	color: #007aff;
	font-weight: bold;
}

.hidden {
  display: none;
}
::-webkit-input-placeholder{color:rgba(238,238,238,0.3);}
::-moz-placeholder{color:rgba(238,238,238,0.3);}
:-moz-placeholder{color:rgba(238,238,238,0.3);}
/*new 注册页--end*/
@media (min-width: 320px) and (max-width: 360px) {
	.motto_div2{font-size: 15px;padding: 0 14%;text-align: left;color: #fe8902;text-align:center;}
	.accountant_1_1{width: 70%;}
	.accountant_1_1_R{width: 54%;padding-top: 2.5%;}
	.app_xz{position: absolute;	bottom: 25%;left: 0;}
	.mix_x{	width: 100%;position: absolute;	bottom: 5%;	left: 0;}
	.input_che1{font-size: 13px;}
	.input_che1 a{font-size: 13px;}
}
@media (width: 320px) and (height: 568px) {
	.app_xz{position: absolute;	bottom: 22%;left: 0;}
	.mix_x{	width: 100%;position: absolute;	bottom: 5%;	left: 0;}
}
@keyframes quan {
  from {-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
@-webkit-keyframes quan {
  from {-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
@-moz-keyframes quan {
  from {-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
@keyframes fx {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-webkit-keyframes fx {
  from {-webkit-opacity: 0;}
  to {-webkit-opacity: 1;}
}
@-moz-keyframes fx {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fx1 {
  from {opacity: 0;}
  to {opacity: 0.14;}
}
@-webkit-keyframes fx1 {
  from {-webkit-opacity: 0;}
  to {-webkit-opacity: 0.14;}
}
@-moz-keyframes fx1 {
  from {opacity: 0;}
  to {opacity: 0.14;}
}
@keyframes left1 {
  from {left: -100%;}
  to {left: 0;}
}
@-webkit-keyframes left1 {
  from {left: -100%;}
  to {left: 0;}
}
@-moz-keyframes left1 {
  from {left: -100%;}
  to {left: 0;}
}

@keyframes right1 {
  from {right: -100%;}
  to {right: 0;}
}
@-webkit-keyframes right1 {
  from {right: -100%;}
  to {right: 0;}
}
@-moz-keyframes right1 {
  from {right: -100%;}
  to {right: 0;}
}


@keyframes xian_t1 {
  from {left: -150%;}
  to {left: -49%;}
}
@-webkit-keyframes xian_t1 {
 from {left: -150%;}
  to {left: -49%;}
}
@-moz-keyframes xian_t1 {
 from {left: -150%;}
  to {left: -49%;}
}

@keyframes xian_t2 {
  from {top: -100%;}
  to {top: 0%;}
}
@-webkit-keyframes xian_t2 {
  from {top: -100%;}
  to {top: 0%;}
}
@-moz-keyframes xian_t2 {
  from {top: -100%;}
  to {top: 0%;}
}

@keyframes xian_t3 {
  from {right: -100%;}
  to {right: 0%;}
}
@-webkit-keyframes xian_t3 {
  from {right: -100%;}
  to {right: 0%;}
}
@-moz-keyframes xian_t3 {
  from {right: -100%;}
  to {right: 0%;}
}

@keyframes xian_t4 {
  from {bottom: -100%;}
  to {bottom: 0%;}
}
@-webkit-keyframes xian_t4 {
  from {bottom: -100%;}
  to {bottom: 0%;}
}
@-moz-keyframes xian_t4 {
  from {bottom: -100%;}
  to {bottom: 0%;}
}